<template>
	<div class="content-container">
		<h3>{{info.title}}</h3>
		<!-- 一条线 ，br是直接换行-->
		<hr>
		
		<div class="content" v-html="info.content"></div>
		
	</div>
</template>

<script>
	export default{
		data(){
			return{
				id:this.$route.params.id,
				info:{},//存储商品内容
			}
		},
		created(){
			this.gocontent(this.id)
		},
		methods:{
			gocontent(id){
				this.axios.get('http://localhost:3000/api/goodcontent?id='+id)
				.then((res)=> {
					if(res.data.status===0){
						this.info={title:res.data.data[0].title,content:res.data.data[0].content}
						
					}
				})
			},
		},
	}
	
</script>

<!-- 如果要设置图片宽度，那就需要去掉scoped -->
<style lang="scss">
	.content-container{
		padding: 4px;
		h3{
			margin: 15px 0;
			font-size: 16px;
			color: #226aff;
			text-align: center;
		}
		.content{
			width: 100%;
		}
	}
</style>
